import {Component, Input, OnInit} from '@angular/core';
import {LimitedFarm} from '../limited-farm';

declare var $: any;


@Component({
  selector: 'app-farm-overview-panel',
  templateUrl: './farm-overview-panel.component.html',
  styleUrls: ['./farm-overview-panel.component.css']
})
export class FarmOverviewPanelComponent implements OnInit {
  @Input() currentFarm: LimitedFarm;

  /**
   * 外层的圆环的宽度
   *
   * @type {number}
   * @memberof FarmOverviewPanelComponent
   */
  // public topCircleWidth:number;

  /**
   *  外层的圆环的高度
   *
   * @type {number}
   * @memberof FarmOverviewPanelComponent
   */
  // public topCircleHeight:number;


  /**
   * 实心圆的宽度
   *
   * @type {number}
   * @memberof FarmOverviewPanelComponent
   */
  // public topInWidth:number;


  /**
   * 实心圆的高度
   *
   * @type {number}
   * @memberof FarmOverviewPanelComponent
   */
    // public topInHeight:number;
  unit: string = 'm/s';

  constructor() {
  }

  ngOnInit() {
    // 最外层的圆环
    // this.topCircleWidth = $(".topCircle").width();
    // this.topCircleHeight = $(".topCircle").height();
    // this.topCircleHeight = this.topCircleWidth
    // console.log(this.topCircleHeight,this.topCircleWidth)
    // 里面的实心圆
    // this.topInWidth = $(".topIn").width();
    // this.topInHeight = $(".topIn").height();
    // this.topInHeight = this.topInWidth
    // console.log(this.topInHeight,this.topInWidth)

  }

}


// WEBPACK FOOTER //
// ./src/app/module/monitor/main/farm-overview-panel/farm-overview-panel.component.ts
